<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>四川链接</title>
    <style>
        /* 类选择器 */
        a {
            color: rgb(232, 248, 8);
            font-size: 40px;
        }
        span {
            color: #ed0101;
            font-size: 35px;
            font-family: 华文行楷;
        }
.qukuai{
    color: red;
}
.xueba{
    color: aqua;
}
.xuezha{
    color: blue;
}

    </style>
</head>
<body>
    <a href=""><span>四川</span></a>
    <a href=""><span>重庆</span></a>
    <a href="" class="xuezha"><span>云南</span></a>
    <a href="" class="xueba"><span>贵州</span></a>
    <a href="" class="qukuai"><span>广西</span></a>

    <br>
    <span id="yunjisuan" style="color: blue;">云计算</span>
    <span>linux</span>
    <span>go</span>
    <span>java</span>
    <span>html</span>
    <span>css</span>
    <br>
    <img src="NSHM_PHOTO_2025_1_30_01_59_12.jpg" alt="示例图片">
    <img src="NSHM_PHOTO_2025_1_30_01_59_12.jpg" alt="示例图片">
    <img src="NSHM_PHOTO_2025_1_30_01_59_12.jpg" alt="示例图片">
    <img id="fourImg" src="NSHM_PHOTO_2025_1_30_01_59_12.jpg" alt="示例图片">
<div class="qukuai">这是一段测试文字</div>
<div class="xueba">这是一段测试文字</div>
<div class="xuezha">这是一段测试文字</div>
<div><span class="qukuai">这是一段测试文字</span></div>
<div><span class="xueba">这是一段测试文字</span></div>
<div><span class="xuezha">这是一段测试文字</span></div>


<style>
    #zhangsan{
        color: red;
    }
    #zhangsan>div>span{
        color: blue;
    }
    #lisi{
        color: green;
    }
    #lisi>div>p{
        color: purple;
    }
</style>


<div id="zhangsan">
<div>
    <span>
        张三
    </span>
</div>
<div>
    <span>
        张三的儿子
    </span>
</div>
<div>
    <span>
        张三的孙子
    </span>
</div>
<div>
    <span>
        张三的孙儿子
    </span>
<div>
    <span>
        张三的孙孙子
    </span>
</div>
</div>

<div id="lisi">
    <span>李四</span>
    <div>
        <span>李四的儿子</span> 
        <p>
            <span>李四的孙子</span>
            <span>李四的曾孙</span>
        </p>
    </div>

</div>



</body>
</html>